<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>蓝金融在线-收货地址</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome = 1">
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<link rel="stylesheet" rel="stylesheet" href="newcss/base/reset.min.css">
<link rel="stylesheet" href="newcss/layout/grid.css">
<link rel="stylesheet" href="newcss/helper/utils.css">
<link rel="stylesheet" href="newcss/layout/header.css">
<link rel="stylesheet" href="newcss/layout/footer.css">
<link rel="stylesheet" type="text/css" href="newcss/component/center-header.css" />
<link rel="stylesheet" type="text/css" href="newcss/page/center.css" />
<link rel="stylesheet" type="text/css" href="newcss/component/select.css" />
</head>
<body>
<!-- begin · header -->
      <header class="unselectable bo-header">

        <!-- begin · top bar -->
        <div class="clearfix bo-topbar">
          <div class="row">
            <a class="left hover-link btn-call" href="tel:400-8009-088">400&nbsp;-&nbsp;8009&nbsp;-&nbsp;088</a>
            <a class="left hover-link btn-send-mail" href="mailto:blue-online@superwhale.cn">blue-online@superwhale.cn</a>
            <a class="right hover-link btn-register" href="#">注册</a>
            <a class="right hover-link btn-login" href="#">登录</a>
          </div>
        </div>
        <!-- end · top bar -->
        
        <div class="center-header">
          <div class="wrapper">            
            <div class="logo"><img src="newimages/center/logo.png" /></div>
            <ul>
              <li>首页</li>
              <li class="setting">账户设置<i></i></li>
              <li class="msg">消息<i></i><span class="count">3</span></li>
            </ul>
            <div class="search-box">
              <input type="text" value="" /><i><a href="">搜索</a></i>
            </div>
          </div>
        </div>

      </header>
    <!-- end · header -->

<div class="user-center clearfix">
  <dl class="uc-nav">
    <dt>设置</dt>
    <dd>
      <ul>        
        <li><a href="center-info.html">个人信息</a><i></i></li>
        <li><a href="center-safe.html">账户安全</a><i></i></li>
        <li class="cur"><a href="center-address.html">收货地址</a><i></i></li>
        <li><a href="center-order.html">我的订单</a><i></i></li>
        <li><a href="center-favor.html">我的关注</a><i></i></li>
        <li><a href="center-consult.html">咨询回复</a><i></i></li>
        <li><a href="center-report.html">系统公告</a><i></i></li>
      </ul>
    </dd>
  </dl>
  <div class="uc-content">
    <div class="uc-table cur address-content clearfix">
      <div class="address-title">
        <span class="title">新增收货地址</span>
        <span class="title-remain">您已创建<em>0</em>条收货地址，最多可创建<em>20</em>条地址</span>
      </div>
      <form action="" id="form-address">
      <table>
        <tr>
          <td class="td-left"><em>*</em>收货人：</td>
          <td><input type="text" name="username" class="input" required minlength="2" data-msg-minlength="至少输入2个字符" /></td>
        </tr>
        <tr>
          <td class="td-left"><em>*</em>所在地区：</td>
          <td>
            <div class="select-style">
              <span id="Province">
                  <b>请选择省份</b><i></i>
                  <ul>
                      <li><a href="javascript:void(0)" alt="请选择省份">请选择省份</a></li>
                  </ul>
                  <input type="hidden" name="cho_Province" value="请选择省份">
              </span>
              <span id="City">
                  <b>请选择城市</b><i></i>
                  <ul>
                      <li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
                  </ul>
                  <input type="hidden" name="cho_City" value="请选择城市" />
              </span>
              <span id="Area">
                  <b>请选择地区</b><i></i>
                  <ul>
                      <li><a href="javascript:void(0)" alt="请选择地区">请选择地区</a></li>
                  </ul>
                  <input type="text" name="cho_Area" value="请选择地区" isSelect="true">
              </span>
              <label for="cho_Area" class="error"></label>
            </div>    
          </td>
        </tr>
        <tr>
          <td class="td-left"><em>*</em>详细地址：</td>
          <td><input type="text" name="address" required minlength="2" data-msg-minlength="至少输入2个字符" class="input address" /></td>
        </tr>
        <tr>
          <td class="td-left"><em>*</em>手机号码：</td>
          <td><input type="text" name="mobile" isMobile="true" required class="input" /></td>
        </tr>
        <tr>
          <td class="td-left">固定电话：</td>
          <td><input type="text" isPhone="true" name="tel" class="input" /></td>
        </tr>
        <tr>
          <td class="td-left">邮箱：</td>
          <td><input type="email" name="email" class="input" /></td>
        </tr>
        <tr>
          <td class="td-left">地址别名：</td>
          <td><input type="text" class="input" /></td>
        </tr>
        <tr>
          <td class="td-left">&nbsp;</td>
          <td><label><input type="checkbox" checked />设为默认地址</label></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td><button class="submit save">保存收货地址</button></td>
        </tr>
      </table>
      </form>
      <div class="address-list-remain">您已创建<em>7</em>条收货地址，还能保存<em>13</em>条地址</div>
      <div class="address-list">
        <table>
          <thead>
            <tr>
              <th>收货人</th>
              <th>所在地区</th>
              <th>地址</th>
              <th>手机</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>张三</td>
              <td>中国广东省上海市徐汇区哪里城区</td>
              <td>田林路200号华鑫天地V哪里坐 2楼</td>
              <td>86-183*****8764</td>
              <td class="operation"><a href="javascript:void(0)">修改</a> | <a href="javascript:void(0)">删除</a></td>
            </tr>
            <tr>
              <td>张三</td>
              <td>中国广东徐汇区哪里城区</td>
              <td>田林路200里坐 2楼</td>
              <td>86-183*****8764</td>
              <td class="operation"><a href="javascript:void(0)">修改</a> | <a href="javascript:void(0)">删除</a><i>默认地址</i></td>
            </tr>
            <tr class="no-border">
              <td>张三</td>
              <td>中国广东省上</td>
              <td>田林路200号华</td>
              <td>86-183*****8764</td>
              <td class="operation"><a href="javascript:void(0)">修改</a> | <a href="javascript:void(0)">删除</a></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

<!-- begin · footer -->
      <footer class="unselectable bo-footer">
        <div class="row relative">

          <ul class="absolute clearfix bo-ul-1">
            <li class="left no-padding-left">
              <a class="hover-link" href="#">关于蓝金融在线</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">关于蓝金融众筹</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">关于蓝金融钱包</a>
            </li>
            <li class="left">
              <a class="hover-link" href="#">联系我们</a>
            </li>
            <li class="hover-link left no-padding-right no-border">
              <a class="hover-link" href="#">免责声明</a>
            </li>
          </ul>

          <ul class="absolute clearfix bo-ul-2">
            <li class="left no-padding-left bo-li-contact-us relative">
              联系我们
              <span class="absolute">(9:00 - 22:00)</span>
            </li>
            <li class="left">
              <a class="hover-link bo-online-customer-service" href="#">在线客服</a>
            </li>
            <li class="left no-padding-right no-border">
              <a class="hover-link bo-mail-customer-service" href="mailto:blue-online@superwhale.cn">客服邮箱</a>
            </li>
          </ul>

          <ul class="absolute clearfix bo-ul-3">
            <li class="left no-padding-left">Copyright © 2004-2015 蓝金融在线.com 版权所有</li>
            <li class="left no-padding-right no-border">投资有风险，购买需谨慎</li>
          </ul>

          <ul class="absolute clearfix bo-ul-4">
            <li class="no-padding-left left no-border">
              <a class="hover-link relative" href="tel:400 098 8511">
                400 098 8511
                <span class="absolute">（个人业务）</span>
              </a>
            </li>
            <li class="hover-link left no-border  no-padding-right">
              <a class="hover-link relative" href="tel:400 098 8511">
                400 098 8511
                <span class="absolute">（个人业务）</span>
              </a>
            </li>
          </ul>

        </div>
      </footer>
    <!-- end · footer -->
<script src="newjs/jquery.js"></script>
<script src="newjs/center/jquery.cityselect.js"></script>
<script src="newjs/jquery.validate.min.js"></script>
<script>
$(function(){
  $.fn.citySelect();
});
$("#form-address").validate({
  submitHandler: function() {
    var nickname = $("#form-baseinfo input[name='nickname']");
    var sex = $("#form-baseinfo input[name='sex']");
    var realname = $("#form-baseinfo input[name='realname']");
    var birthday = $("#form-baseinfo input[name='birthday']");
    if(birthday == "-1") birthday = "";
    var email = $("#form-baseinfo input[name='email']");

    $.ajax({
      url:"center-info.htm",
      type:'POST',
      dataType: 'json',
      data:{
        nickname : nickname,
        sex : sex,
        realname : realname,
        birthday : birthday,
        email : email
      },
      success:function(response){
        if(response != ""){
          alert('success')
        }
      },
      error:function(){
        alert('error')
      }
    });
  }
});
</script>
</body>
</html>
